<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>drop-cap</title>
    <style>
        .drop-cap::first-letter {
            float: left;
            color: #5f79ff;
            margin: 0 8px 0 4px;
            font-size: 3rem;
            font-weight: bold;
            line-height: 1;
        }
    </style>
</head>

<body>
    <p class="drop-cap">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam commodo ligula quis tincidunt
        cursus. Integer
        consectetur tempor ex eget hendrerit. Cras facilisis sodales odio nec maximus. Pellentesque lacinia convallis
        libero, rhoncus tincidunt ante dictum at. Nullam facilisis lectus tellus, sit amet congue erat sodales commodo.
    </p>
    <p class="drop-cap">Donec magna erat, imperdiet non odio sed, sodales tempus magna. Integer vitae orci lectus.
        Nullam consectetur
        orci at pellentesque efficitur.</p>
</body>

</html>